<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>RT-Theme 12 - Premium Corporate Template</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
 
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_cf.css" />
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" />

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>   
<script type="text/javascript" src="js/Aller_Light_400.font.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/script.js"></script>

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<script type='text/javascript' src='js/dd_belated_png.js'></script>
<script>DD_belatedPNG.fix('.png,.imagemask');</script>
<![endif]-->

</head>
<body>

<div id="container">

	<!-- header -->
	<div id="header">
		<!-- logo -->
		<div id="logo"><a href="index.html" title=""><img src="images/logo.png" alt="" class="png" /></a></div>
		<!-- /logo -->
		 
		<!-- header links & flags-->
		<div class="top_content">

			<!-- top links -->
			<ul class="top_links ">
				<li class="first"><a href="index.html" title="">Home</a></li>
				<li><a href="index.html" title="">Career</a></li>
				<li><a href="index.html" title="">Contact Us</a></li>
			</ul>
			<!-- / top links -->

			<!-- / flags -->	
			<ul class="flags">
				<li><a href="#" title="English" class="j_ttip"><img src="images/flags/us.png" alt="" /></a></li>
				<li><a href="#" title="Deutsch" class="j_ttip"><img src="images/flags/de.png" alt="" /></a></li>
			</ul>
			<!-- / flags -->
			
		</div>
		<!-- / header links & flags -->
		 
		<!-- header slogan -->
		<div class="top_slogan">
		    <h4>Call Us Free: +01 555 55 55</h4>
		</div>
		<!-- /header slogan -->
		 
		<div class="clear"></div>  
	</div>
	<!-- /header -->
	
	<div class="clear"></div>	
		
	<!--  navigation bar -->
	<div id="navigation_bar">
		<!-- navigation -->
		<ul id="navigation">
			<li><a href="index.html">HOME</a></li>
			<li><a href="about_us.html">ABOUT US</a> 
			    <!--  first level dropdown menu -->
			    <ul>
				<!--  image for dropdown menu -->
				<li><img src="images/sub_menu_image.png" width="206" alt="" /></li>
				<li><a href="about_us.html">SUB PAGE</a></li>
				<li><a href="about_us_left.html">LEFT SIDEBAR</a></li>
				<li><a href="sub_page_columns.html">SUB PAGE COLUMNS</a></li>
				<li><a href="full_width.html">FULL WIDTH SUB PAGE</a></li>
				<li><a href="products.html">PRODUCT LIST</a></li>
				<li><a href="product_detail.html">PRODUCT DETAILS</a></li>
				<li><a href="portfolio.html">PORTFOLIO</a>
					<!--  second level dropdown menu -->
					<ul>
						<li><a href="portfolio.html">PORTFOLIO FOUR COL</a></li>
						<li><a href="portfolio2.html">PORTFOLIO THREE COL</a></li>
						<li><a href="portfolio3.html">PORTFOLIO TWO COL</a></li>
					</ul>
					<!--  / second level dropdown menu -->
				</li>
				<li><a href="blog.html">COMPANY BLOG</a></li>
				<li class="last"><a href="contact_us.html">CONTACT US PAGE</a></li>
			    </ul>
			    <!-- / first level dropdown menu -->
			</li>
			<li class="current_page_item"><a href="portfolio.html">PORTFOLIO</a>
				<!--  first level dropdown menu -->
				<ul>
					<li><a href="portfolio.html">PORTFOLIO FOUR COL</a></li>
					<li><a href="portfolio2.html">PORTFOLIO THREE COL</a></li>
					<li class="last"><a href="portfolio3.html">PORTFOLIO TWO COL</a></li>
				</ul>
				<!--  / first level dropdown menu -->
			</li>
			<li><a href="products.html">PRODUCTS</a>
			    <!--  first level dropdown menu -->
			    <ul>
				<li><a href="product_detail.html">PRODUCT DETAILS</a></li>
				<li class="last"><a href="products.html">PRODUCTS LIST</a></li>
			    </ul>
			     <!-- / first level dropdown menu -->
			</li>
			<li><a href="blog.html">COMPANY BLOG</a></li>
			<li><a href="contact_us.html">CONTACT US</a> </li>
		</ul>
		<!-- / navigation  -->
		
		<!-- search -->
		<div class="search_bar">
		    <form action="#" method="get">
			<fieldset><input type="text" class="search_text" name="q" value="search" />
			<input type="image" src="images/pixel.gif" class="searchsubmit" alt="" /></fieldset>
		    </form>
		</div>
		<!-- / search-->
		
		<div class="clear"></div>	
	</div>
	<!-- / navigation bar -->

	<div class="clear"></div>
	
 	<!-- Page navigation-->
		<div class="breadcrumb">You are here: <a href="index.html">Home</a> \ About Us</div>
	<!-- /Page navigation-->
	
	<div class="clear extra_space"></div>

		
	<!-- Page Title -->
	<div class="content full clearfix">
		<h2 class="floatleft">PORTFOLIO</h2>
		
		<ul class="portfolio_categories">
			<li><a href="#" title="">Web Design</a></li>
			<li><a href="#" title="">Print</a></li>
			<li><a href="#" title="">Videos</a></li> 
		</ul>
	</div>
	<!-- / Page Title -->
	
	<div class="line clearfix"></div>
	
	<!--  page contents -->
	
	<div class="content clearfix">
		
 	    <!-- Start Porfolio Items -->
	
	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" class="imgeffect plus"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullper purus, ut lacinia nisl malesuada ac. <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">YouTube Video Sample</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="http://www.youtube.com/watch?v=5BtsQ35VukQ" title="YouTube Video Sample" rel="prettyPhoto[portfolio]" class="imgeffect play"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus, ut lacinia nisl muada ac. <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Another Video Sample - Vimeo</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="http://vimeo.com/7809605" title="Vimeo Video Sample" rel="prettyPhoto[portfolio]" class="imgeffect play"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullamcorper purus  <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->
	    


	    
		<div class="line clearfix"></div>
	    
	    
	    
	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" class="imgeffect plus"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullper purus, ut lacinia nisl malesuada ac. <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->

	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" class="imgeffect plus"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullper purus, ut lacinia nisl malesuada ac. <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->
	    
	    <!-- box -->
	    <div class="box three">

		    <!-- portfolio title-->
		    <h5><a href="#" title="">Curabitur Laoreet Mattis Quam</a></h5>
		    
		    <!-- portfolio image for images -->
		    <a href="images/portfolio/1b.jpg" title="Curabitur Laoreet Mattis Quam" rel="prettyPhoto[portfolio]" class="imgeffect plus"><img src="images/portfolio/1k.jpg" width="300" alt="" /></a>

		    <p>
		    <!-- text-->
		    Donec elementum ullper purus, ut lacinia nisl malesuada ac. <a href="#" title="">read more</a>
		    </p>		
	    </div>
	    <!-- /box -->
 
	    <!-- End Porfolio Items -->	
		
	<div class="clear"></div>
	</div>
	<!-- / page contents  -->
	 
	 
	
	
	<!-- static content -->
	<div class="bar content full clearfix">
		
		<!-- box -->
			<div class="box three-four first">
			    <!-- box title-->
			    <h4><a href="portfolio.html">ABOUT US</a></h4>					    
			    <!-- text-->
			    <p><img src="images/box1.jpg" class="alignleft" alt="" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec purus tellus, quis pulvinar tortor. Sed mattis lobortis gravida. Integer convallis ipsum in neque tempus posuere. Sed nec nibh risus, nec hendrerit risus. Etiam hendrerit neque in ante elementum id congue sem gravida. Quisque sit amet risus eget nibh hendrerit tempus vitae a lacus. Nullam fermentum bibendum ligula, vel gravida est molestie non. Maecenas nec neque diam. Pellentesque fermentum hendrerit tempor. Donec risus ligula, euismod nec tempus ac, consectetur ac nulla.</p>                                    	    
			</div>
		<!-- /box -->
		
		<!-- box -->
			<div class="box four last">
			    <!-- box title-->
			    <h4><a href="portfolio.html">Our Partners</a></h4>					    
			    
			    <!-- partner logos -->
			    <ul class="logos">
				<li><a href="#" class="j_ttip" title="Lorem ipsum dolor sit amet"><img src="images/partner_logo.gif" width="98" height="64" alt="" /></a></li>
				<li><a href="#" class="j_ttip" title="Lorem ipsum dolor sit amet"><img src="images/partner_logo.gif" width="98" height="64" alt="" /></a></li>
				<li><a href="#" class="j_ttip" title="Lorem ipsum dolor sit amet"><img src="images/partner_logo.gif" width="98" height="64" alt="" /></a></li>
				<li><a href="#" class="j_ttip" title="Lorem ipsum dolor sit amet"><img src="images/partner_logo.gif" width="98" height="64" alt="" /></a></li>
			    </ul>
			                                
			    <!-- /  partner logos-->		    
			</div>
		<!-- /box -->
		<div class="clear"></div>
	</div>
	<!-- / static content  -->
		
<div class="clear extra_space"></div>
</div>

<!-- footer background-->
<div class="footer_background">
<div class="footer_line"></div>

<!-- footer -->
<div id="footer">

	<!-- copyright text -->
	<div class="part1">
	    Copyright &copy; 2009 Company Name, Inc.
	</div>

	<!-- links -->  
	<ul class="footer_links">
	    <li><a  href="index.html" title="">Home</a></li>
	    <li><a  href="index.html" title="">Legal</a></li>
	    <li><a  href="index.html" title="">Privacy</a></li>
	    <li><a  href="index.html" title="">Contact</a></li>
	</ul>
	
	<!-- social media icons -->
	<div class="social_media_icons">
	    <a href="#" class="j_ttip" title="folllow us on twitter"><img src="images/social_media/twitter_16.png" alt="" /></a>
	    <a href="#" class="j_ttip" title="folllow us on facebook"><img src="images/social_media/facebook_16.png" alt="" /></a>
	    <a href="#" class="j_ttip" title="subscribe to our rss feeds"><img src="images/social_media/rss_16.png" alt="" /></a>
	</div>
	<!-- / social media icons -->

</div>
<!-- /footer -->

</div>
<!-- /footer background -->


</body>
</html>
